import { Example } from '@/components/Example';
import { CustomizationComponents } from './CustomizationComponents';

## Components

FaceLivenessDetector allows overriding some UI components using the `components` prop.

The following code snippet demonstrates how to pass in custom HTML rendering functions:

- Custom Header
- Custom Photo Sensitivity Warning
- Custom Instruction List
- Custom Error View

```tsx file=./CustomizationComponents.tsx
```

<Example>
  <CustomizationComponents />
</Example>
